/* Reset */
body, img, p, h1, h2, h3, h4, h5, h6, ul, ol
{
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
}
/* End Reset */

body
{
    font-size: 0.8em;
    font-family: Arial,Verdana,Sans-Serif;
    background: #000;
    color: #87B9CC;
}
a
{
    color: #FFF;
    text-decoration: none;
}

/* Colors */
.color-yellow
{
    background: #f2bc00;
}
.color-red
{
    background: #dd0000;
}
.color-blue
{
    background: #148ea4;
}
.color-white
{
    background: #dfdfdf;
}
.color-orange
{
    background: #f66e00;
}
.color-green
{
    background: #8dc100;
}
.color-yellow h3, .color-white h3, .color-green h3
{
    color: #000;
}
.color-red h3, .color-blue h3, .color-orange h3
{
    color: #FFF;
}
/* End Colors */

/* Head section */
#head
{
    background: #000 url(img/head-bg.png) repeat-x;
    height: 100px;
}
#head h1
{
    line-height: 100px;
    color: #FFF;
    text-align: center;
    background: url(img/inettuts.png) no-repeat center;
    text-indent: -9999em;
}
#foot
{
    font-size: 12px;
    width: 100%;
    text-align: center;
    padding: 10px 0px;
    margin: 1px 0px;
}

/* End Head Section */

/* Columns section */
#columns .column
{
    float: left;
    width: 33.3%; /* Min-height: */
    min-height: 500px;
    height: auto !important;
    height: 400px;
}

/* Column dividers (background-images) :
	#columns #column1 { background: url(img/column-bg-left.png) no-repeat right top; }
	#columns #column3 { background: url(img/column-bg-right.png) no-repeat left top; }
	
#columns #column1 .widget { margin: 30px 35px 0 25px; }
#columns #column3 .widget { margin: 30px 25px 0 35px; } */
#columns
{
    padding: 0 10px;
}
#columns .widget
{
    margin: 20px 10px;
    padding: 2px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
#columns .widget .widget-head
{
    color: #000;
    overflow: hidden;
    width: 100%;
    height: 30px;
    line-height: 30px;
}
#columns .widget .widget-head h3
{
    padding: 0 5px;
    float: left;
}
#columns .widget .widget-content
{
    background: #333 url(img/widget-content-bg.png) repeat-x;
    padding: 0 5px;
    color: #DDD;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    line-height: 1.2em;
    overflow: hidden;
}
#columns .widget .widget-content p
{
    padding: 0.8em 0;
    border-bottom: 0px solid #666;
}
#columns .widget .widget-content img
{
    float: right;
    margin: 10px;
    border: 1px solid #FFF;
}
#columns .widget .widget-content pre
{
    padding: 0.5em 5px;
    color: #EEE;
    font-size: 12px;
}
#columns .widget .widget-content ul
{
    padding: 5px 0 5px 20px;
    list-style: disc;
}
#columns .widget .widget-content ul li
{
    padding: 3px 0;
}
#columns .widget .widget-content ul.images
{
    padding: 7px 0 0 0;
    list-style: none;
    height: 1%;
}
#columns .widget .widget-content ul.images li
{
    display: inline;
    float: left;
}
#columns .widget .widget-content ul.images img
{
    display: inline;
    float: left;
    margin: 0 0 7px 7px;
}
/* End Columns section */

